<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FAQ - Frequently Asked Questions</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav class="top-nav">
            <div class="nav-left">
                <a href="index.html">
                    <img src="logo.png" alt="Logo" class="logo">
                    <span class="site-name">Wheel of Fortune</span>
                </a>
            </div>
            <div class="nav-center">
                <a href="index.html" class="nav-btn">Home</a>
                <a href="blog.html" class="nav-btn">Blog</a>
                <a href="faq.html" class="nav-btn active">FAQ</a>
                <a href="about.html" class="nav-btn">About</a>
                <a href="privacy-terms.html" class="nav-btn">Privacy & Terms</a>
            </div>
            <div class="nav-right">
                <div class="language-selector">
                    <select onchange="changeLanguage(this.value)">
                        <option value="en">English</option>
                        <option value="es">Español</option>
                        <option value="fr">Français</option>
                        <option value="de">Deutsch</option>
                    </select>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <h1>Frequently Asked Questions</h1>
        
        <div class="faq-container">
            <div class="faq-item">
                <h2>How do I use the wheel?</h2>
                <p>Simply enter your options and click 'Spin Wheel'...</p>
            </div>

            <div class="faq-item">
                <h2>How to contact support?</h2>
                <p>You can reach our support team through...</p>
            </div>
        </div>
    </main>

    <footer>
        <p>&copy; 2024 Wheel of Fortune. All rights reserved.</p>
    </footer>
</body>
</html> 